<!--<template>-->
<!--  <div>-->
<!--    <el-form ref="elFormPay" :model="formDataPay" :rules="rules" size="medium" label-width="100px">-->
<!--      <el-form-item label="商户类型" prop="merchantType">-->
<!--        <el-radio-group v-model="formDataPay.merchantType" size="medium">-->
<!--          <el-radio v-for="(item, index) in merchantTypeOptions" :key="index" :label="item.value"-->
<!--                    :disabled="item.disabled">{{item.label}}</el-radio>-->
<!--        </el-radio-group>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="商户模式" prop="merchantMode">-->
<!--        <el-radio-group v-model="formDataPay.merchantMode" size="medium">-->
<!--          <el-radio v-for="(item, index) in merchantModeOptions" :key="index" :label="item.value"-->
<!--                    :disabled="item.disabled">{{item.label}}</el-radio>-->
<!--        </el-radio-group>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="商户名" prop="merchantName">-->
<!--        <el-input v-model="formDataPay.merchantName" placeholder="请输入商户名" clearable :style="{width: '100%'}">-->
<!--        </el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="商户号" prop="merchantId">-->
<!--        <el-input v-model="formDataPay.merchantId" placeholder="请输入商户号" clearable :style="{width: '100%'}">-->
<!--        </el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label-width="106px" label="微信支付签名" prop="wechatSignature">-->
<!--        <el-input v-model="formDataPay.wechatSignature" placeholder="请输入微信支付签名" clearable-->
<!--                  :style="{width: '100%'}"></el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="商家占比" prop="merchantRatio">-->
<!--        <el-input v-model="formDataPay.merchantRatio" placeholder="请输入商家占比" clearable-->
<!--                  :style="{width: '100%'}"></el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="姓名" prop="name">-->
<!--        <el-input v-model="formDataPay.name" placeholder="请输入姓名" clearable :style="{width: '100%'}">-->
<!--        </el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="手机号" prop="phone">-->
<!--        <el-input v-model="formDataPay.phone" placeholder="请输入手机号" clearable :style="{width: '100%'}">-->
<!--        </el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="openId" prop="openId">-->
<!--        <el-input v-model="formDataPay.openId" placeholder="请输入openId" clearable :style="{width: '100%'}">-->
<!--        </el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="个人占比" prop="individualRatio">-->
<!--        <el-input v-model="formDataPay.individualRatio" placeholder="请输入个人占比" clearable-->
<!--                  :style="{width: '100%'}"></el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="物业占比" prop="propertyRatio">-->
<!--        <el-input v-model="formDataPay.propertyRatio" placeholder="请输入物业占比" clearable-->
<!--                  :style="{width: '100%'}"></el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item size="large">-->
<!--        <el-button type="primary" @click="submitForm">提交</el-button>-->
<!--        <el-button @click="resetForm">重置</el-button>-->
<!--      </el-form-item>-->
<!--    </el-form>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--export default {-->
<!--  components: {},-->
<!--  props: [],-->
<!--  data() {-->
<!--    return {-->
<!--      formDataPay: {-->
<!--        merchantType: undefined,-->
<!--        merchantMode: undefined,-->
<!--        merchantName: undefined,-->
<!--        merchantId: undefined,-->
<!--        wechatSignature: undefined,-->
<!--        merchantRatio: undefined,-->
<!--        name: undefined,-->
<!--        phone: undefined,-->
<!--        openId: undefined,-->
<!--        individualRatio: undefined,-->
<!--        propertyRatio: undefined,-->
<!--      },-->
<!--      rules: {-->
<!--        merchantType: [{-->
<!--          required: true,-->
<!--          message: '商户类型不能为空',-->
<!--          trigger: 'change'-->
<!--        }],-->
<!--        merchantMode: [{-->
<!--          required: true,-->
<!--          message: '商户模式不能为空',-->
<!--          trigger: 'change'-->
<!--        }],-->
<!--        merchantName: [{-->
<!--          required: true,-->
<!--          message: '请输入商户名',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        merchantId: [{-->
<!--          required: true,-->
<!--          message: '请输入商户号',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        wechatSignature: [{-->
<!--          required: true,-->
<!--          message: '请输入微信支付签名',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        merchantRatio: [{-->
<!--          required: true,-->
<!--          message: '请输入商家占比',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        name: [{-->
<!--          required: true,-->
<!--          message: '请输入姓名',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        phone: [{-->
<!--          required: true,-->
<!--          message: '请输入手机号',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        openId: [{-->
<!--          required: true,-->
<!--          message: '请输入openId',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        individualRatio: [{-->
<!--          required: true,-->
<!--          message: '请输入个人占比',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--        propertyRatio: [{-->
<!--          required: true,-->
<!--          message: '请输入物业占比',-->
<!--          trigger: 'blur'-->
<!--        }],-->
<!--      },-->
<!--      merchantTypeOptions: [{-->
<!--        "label": "企业",-->
<!--        "value": 0-->
<!--      }, {-->
<!--        "label": "个人",-->
<!--        "value": 1-->
<!--      }],-->
<!--      merchantModeOptions: [{-->
<!--        "label": "单商户",-->
<!--        "value": 0-->
<!--      }, {-->
<!--        "label": "服务商",-->
<!--        "value": 1-->
<!--      }],-->
<!--    }-->
<!--  },-->
<!--  computed: {},-->
<!--  watch: {},-->
<!--  created() {},-->
<!--  mounted() {},-->
<!--  methods: {-->
<!--    submitForm() {-->
<!--      this.$refs['elFormPay'].validate(valid => {-->
<!--        if (!valid) return-->
<!--        // TODO 提交表单-->
<!--      })-->
<!--    },-->
<!--    resetForm() {-->
<!--      this.$refs['elFormPay'].resetFields()-->
<!--    },-->
<!--  }-->
<!--}-->

<!--</script>-->
<!--<style>-->
<!--</style>-->



<template>
  <div>
    <el-form ref="elFormAli" :model="formDataAli" :rules="rules" size="medium" label-width="100px">
      <el-form-item label="支付宝账号" prop="alipayAccount">
        <el-input v-model="formDataAli.alipayAccount" placeholder="请输入支付宝账号" clearable
                  :style="{width: '100%'}"></el-input>
      </el-form-item>
      <el-form-item label-width="106px" label="账号真实姓名" prop="accountName">
        <el-input v-model="formDataAli.accountName" placeholder="请输入账号真实姓名" clearable
                  :style="{width: '100%'}"></el-input>
      </el-form-item>
      <el-form-item label="个人占比(%)" prop="individualRatioAli">
        <el-input v-model="formDataAli.individualRatioAli" placeholder="请输入个人占比" clearable
                  :style="{width: '100%'}"></el-input>
      </el-form-item>
      <el-form-item label="车场占比(%)" prop="carsHomeRatioAli">
        <el-input v-model="formDataAli.carsHomeRatioAli" placeholder="请输入车场占比" clearable
                  :style="{width: '100%'}"></el-input>
      </el-form-item>
      <el-form-item size="large">
        <el-button type="primary" @click="submitForm">提交</el-button>
        <el-button @click="resetForm">重置</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
export default {
  components: {},
  props: [],
  data() {
    return {
      formDataAli: {
        alipayAccount: undefined,
        accountName: undefined,
        individualRatioAli: undefined,
        carsHomeRatioAli: undefined,
      },
      rules: {
        alipayAccount: [{
          required: true,
          message: '请输入支付宝账号',
          trigger: 'blur'
        }],
        accountName: [{
          required: true,
          message: '请输入账号真实姓名',
          trigger: 'blur'
        }],
        individualRatioAli: [{
          required: true,
          message: '请输入个人占比',
          trigger: 'blur'
        }],
        carsHomeRatioAli: [{
          required: true,
          message: '请输入车场占比',
          trigger: 'blur'
        }],
      },
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    submitForm() {
      this.$refs['elFormAli'].validate(valid => {
        if (!valid) return
        // TODO 提交表单
      })
    },
    resetForm() {
      this.$refs['elFormAli'].resetFields()
    },
  }
}

</script>
<style>
</style>
